<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>登录</title>
	<!-- Bootstrap -->
	<link rel="stylesheet" href="../static/lib/bootstrap-3.4.1/css/bootstrap.min.css">
	<link rel="stylesheet" href="../static/css/login.css"></link>
</head>

<body>
	<select class="selectpicker">
		<option>Mustard</option>
		<option>Ketchup</option>
		<option>Barbecue</option>
	  </select>
	<div class="container">
		<div class="panel panel-default">
			<div class="panel-body">
				<div class="card-body">
					<h3 class="card-title" style="text-align: center;">登录</h3>
					<form method="POST" class="my-login-validation" novalidate="">
						<div class="form-group">
							<label for="email">用户名</label>
							<input id="email" type="text" class="form-control" name="email" value="" required autofocus>
							<div class="invalid-feedback">
								Username is invalid
							</div>
						</div>

						<div class="form-group">
							<label for="password">密码</label>
							<input id="password" type="password" class="form-control" name="password" required data-eye>
							<div class="invalid-feedback">
								Password is required
							</div>
						</div>

						<div class="form-group">
							<div class="custom-checkbox custom-control">
								<input type="checkbox" name="remember" id="remember" class="custom-control-input">
								<label for="remember" class="custom-control-label">记住我</label>
							</div>
						</div>

						<div class="form-group m-0">
							<button type="submit" class="btn btn-primary btn-block">
								登录
							</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- <form class="form-horizontal">
		<div class="form-group">
			<label for="inputEmail3" class="col-sm-2 control-label">Email</label>
			<div class="col-sm-10">
				<input type="email" class="form-control" id="inputEmail3" placeholder="Email">
			</div>
		</div>
		<div class="form-group">
			<label for="inputPassword3" class="col-sm-2 control-label">Password</label>
			<div class="col-sm-10">
				<input type="password" class="form-control" id="inputPassword3" placeholder="Password">
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
				<div class="checkbox">
					<label>
						<input type="checkbox"> Remember me
					</label>
				</div>
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
				<button type="submit" class="btn btn-default">Sign in</button>
			</div>
		</div>
	</form> -->

	<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
	<script src="../static/lib//jquery-1.12.4/jquery.min.js"></script>
	<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
	<script src="../static/lib/bootstrap-3.4.1/js/bootstrap.min.js"></script>
</body>

</html>